<template>
    <drop-wrap :data="data" :index="index"   :element="element">
      <component :is="componentName" :element="element" :data="data" :index="index" ></component>
    </drop-wrap>
</template>

<script>
  import { designDialog, presentDialog } from "./components/"
  export default {
    props: ['element', 'data', 'index'],
    inject: ['model'],
    components: { designDialog, presentDialog },
    data () {
      return {
        componentName: this.model == 'design' ? 'designDialog' : 'presentDialog',
      }
    },
    computed:{
      store () {
        return this.element.getRoot();
      },
    }
  }
</script>

<style scoped>

</style>
